<template>
  <!-- 上报 -->
  <view class="report-con">
    <view class="report">
      <view class="report-item">
        <view class="report-item-title">上报人：</view>
        <input type="text" class="report-item-value" placeholder="陈先生">
        <!-- <view class="report-item-value">陈先生</view> -->
      </view>
      <view class="report-item">
        <view class="report-item-title">火灾地点：</view>
        <input type="text" class="report-item-value" placeholder="一区">
        <!-- <view class="report-item-value">一区</view> -->
      </view>
      <view class="report-item">
        <view class="report-item-title">火灾程度：</view>
        <!-- <view class="report-item-value">中</view> -->
        <input type="text" class="report-item-value" placeholder="中">
      </view>
      <view class="report-item">
        <view class="report-item-title">联系方式：</view>
        <!-- <view class="report-item-value">123456788</view> -->
        <input type="text" class="report-item-value" placeholder="123456788">
      </view>
      <view class="report-item">
        <view class="report-item-title">详情描述：</view>
        <input type="text" class="report-item-value" placeholder="添加描述">
        <!-- <view class="report-item-value">着火了！</view> -->
      </view>
    </view>
    <view class="report-btn">上&nbsp;&nbsp;报</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      }
    },
    methods: {
      
    }
  }
</script>

<style scoped>
.report-con {
  padding: 20rpx;
}
.report {
  padding: 20rpx;
  border-radius: 20rpx;
  border: 2rpx solid #00aaff;
}
.report-item {
  display: flex;
  padding: 20rpx;
  border-bottom: 2rpx dashed #999;
}
.report-item-title {
  width: 180rpx;
}
.report-item-value {
  color: #00aaff;
  width: 520rpx;
  font-size: 30rpx;
  font-weight: 600;
}
.report-btn {
  margin: 40rpx auto;
  width: 250rpx;
  height: 80rpx;
  font-weight: 600;
  font-size: 32rpx;
  text-align: center;
  color: #fff;
  background-color: #00aaff;
  border-radius: 50rpx;
  line-height: 80rpx;
}
</style>
